<template>
    <tnxel-icon v-bind="$attrs" value="Management" v-if="type === 'app'"/>
    <tnxel-icon v-bind="$attrs" value="Grid" v-else-if="type === 'models'"/>
    <tnxel-icon v-bind="$attrs" value="Histogram" v-else-if="type === 'libs'"/>
    <tnxel-icon v-bind="$attrs" value="bi bi-archive-fill" v-else-if="type === 'lib-fixed'"/>
    <tnxel-icon v-bind="$attrs" value="bi bi-archive" v-else-if="type === 'lib'"/>
    <tnxel-icon v-bind="$attrs" value="bi bi-database-fill" v-else-if="type === 'database'"/>
    <tnxel-icon v-bind="$attrs" value="Folder" v-else-if="type === 'package'"/>
    <tnxel-icon v-bind="$attrs" value="bi bi-info-circle" v-else-if="type === 'info'"/>
    <tnxel-icon v-bind="$attrs" value="bi bi-p-circle" v-else-if="type === TypeKind.PRIMITIVE.name"/>
    <tnxel-icon v-bind="$attrs" class="text-primary" value="E" v-else-if="type === TypeKind.ENUM.name"/>
    <tnxel-icon v-bind="$attrs" class="text-warning" value="I" v-else-if="type === TypeKind.INTERFACE.name"/>
    <tnxel-icon v-bind="$attrs" class="text-success" :value="type.substring(0, 1)" v-else-if="TypeKind.valueOf(type)"/>
    <tnxel-icon v-bind="$attrs" value="fa" v-else/>
</template>

<script>
import TypeKind from '@/logic/modeling/enums/TypeKind.js';

export default {
    name: 'NodeIcon',
    props: {
        type: {
            type: String,
            required: true,
        },
    },
    data() {
        return {
            TypeKind: TypeKind,
        };
    },
    methods: {}
}
</script>

<style lang="scss" scoped>

</style>
